<template>
    <div>
    <navComponents  @showModalInGloble="showModalFn"></navComponents>
    <solidCarousel></solidCarousel>
    <!-- 可以配置路由在这个位置 -->
    <homePage @showModalInGloble="showModalFn"></homePage>
    <footerComponents @showModalInGloble="showModalFn"></footerComponents>
    <modalGloble v-if="showModal" :flaginfo="showModal" @showModalInGloble="showModalFn"/>
    </div>
</template>

<script>
import navComponents from './components/navComponents/navComponents'
import footerComponents from './components/footerComponents/footerComponents'
import solidCarousel from './components/solidCarousel/solidCarousel'
import homePage from './components/homePage/homePage'
import modalGloble from './components/modalGloble/modalaGloble'
    export default {
        name: 'home_page',
        components: {
            navComponents,
            footerComponents,
            solidCarousel,
            homePage,
            modalGloble
        },
        data () {
            return {
                showModal : false
            }
        },
        methods: {
            // 控制模态框显示于隐藏
            showModalFn (flag) {
                this.showModal = flag
               
            }
        }
    }
</script>

<style lang="scss" scoped>

</style>